new Vue({
  el: '#app',
  data() {
    return {
      form: {
        Article_Name: "",
        page: 1,			//页数
        limit: 10			//每页数据条数
      },
      total: 0,
      tableData: [],		//表格数据
    }
  },
  mounted() {
    this.getList(this.form)
  },
  methods: {
    onSerach() {			//查询方法
      this.form.page = 1;
      this.getList(this.form)
    },
    ChangeInput() {
      this.form.page = 1;
      this.getList(this.form)
    },
    handleSizeChange(val) {
      this.form.page = 1;
      this.form.limit = val;
      this.getList(this.form)
    },
    handleCurrentChange(val) {
      this.form.page = val;
      this.getList(this.form)
    },
    getList(data) {     //换页方法
      const _this = this
      $.ajax({
        type: 'POST',
        url: `${DomainName}/getPurchaseReceiptAction?token=${$.cookie('token')}`,
        data,
        complete: function (XMLHttpRequest) {
          if (XMLHttpRequest.getResponseHeader("REDIRECT") == "REDIRECT") {
            window.parent.document.location.href = "../../../" + XMLHttpRequest.getResponseHeader("CONTENTPATH");
          }
        },
        success: function (Result) {
          console.log(Result)
          if (Result.Status == 'success') {
            Result.tableData.forEach(item => {
              item.Warehouse_Address.replace(/\//g, '')
            })
            _this.tableData = Result.tableData
            _this.total = parseInt(Result.limit)
          }
        },
        dataType: "json"
      });
    },
    PrintPDF() {
      // console.log(row)
      html2canvas(document.body, {
        onrendered: function (canvas) {

          var contentWidth = canvas.width;
          var contentHeight = canvas.height;

          //设置一页pdf显示html页面生成的canvas高度;
          var pageHeight = contentWidth / 595.28 * 841.89;
          //未生成pdf的html页面高度
          var leftHeight = contentHeight;
          //pdf页面偏移
          var position = 0;
          //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
          var imgWidth = 500;
          var imgHeight = 1000 / contentWidth * contentHeight;

          var pageData = canvas.toDataURL('image/jpeg', 1.0);

          var pdf = new jsPDF('td', 'pt', 'a4');
          //有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
          //当内容未超过pdf一页显示的范围，无需分页
          if (leftHeight < pageHeight) {
            pdf.addImage(pageData, 'JPEG', 20, 0, imgWidth, imgHeight);
          } else {
            while (leftHeight > 0) {
              pdf.addImage(pageData, 'JPEG', 20, position, imgWidth, imgHeight)
              leftHeight -= pageHeight;
              position -= 841.89;
              //避免添加空白页
              if (leftHeight > 0) {
                pdf.addPage();
              }
            }
          }
          pdf.save('入库详情.pdf');
        }
      })
    }
  },
})